/* 
    SICK Online Style Sheet
    Created on : Mar 24, 2014, 9:07:19 PM
    Revised    : April 20, 2014
    Author     : Laura
*/
    body{
        background-image: url("background.jpg");
        background-size: cover;
        height:100%; 
        float: none; 
        margin-left: 10%; 
        margin-right: 10%;
        position:relative;
    }
    #container{
        border: solid #C2D1F0 8px;
        border-style: ridge;    
        background-color: #F7F7FD;
        height: 100%; 
        height: auto; 
        width: 100%; 
        margin-bottom: 100px;
        position: absolute;
    }
    h1{
        font-size: 50pt; 
        letter-spacing: 8px;   
        text-shadow: 1px 1px #18188F;
    }
    h2{
        text-shadow: 1px 1px #18188F; 
        font-size: 18pt;
    }
    h3{
        font-size: 14pt;
        font-style: oblique;
        font-family: monospace; 
    }
    img{
        margin: 0px;
        padding: 0px;
    }
    #header{
        padding-bottom: 0;
        background-color: transparent; 
        border-bottom: solid #C2D1F0 2px;
        border-style: ridge;
        text-align: center; 
        font-family: monospace;
    }
    #searchField{
        width: 250px;
        height: 30px;
    }
    #big_box{
    }
    #map-canvas{
        position: absolute;
        height: 357px;
        width: 452px;
        margin-top: 0;
        margin-bottom: 35%;
        margin-left: 5%;
        margin-right: 0%;
        padding: 0;
        float: left; 
        overflow: hidden; 
        -webkit-transform: translateZ(0px);
    }
    #spaceholder{
        margin-top: 35%;
        position: relative;
        width: 450px; 
        height: 300px; 
        position: relative;
        float: left;
    }
    #slideshow{
        position: absolute;
        height: 355px;
        width: 450px;
        margin-bottom: 35%; 
        margin-left: 5%;
        margin-right: 0;
        padding: 0;
        float: left;  
        z-index: 2;
    }
    #slideshow img{
        position: absolute;
        border: solid black 1px;
    }
    #result{
        width: 300px;
        height: 300px;
        overflow: auto;
        float: right; 
        margin-bottom: 2%; 
        padding-right: 15%;
    }
    .text-input{
        box-shadow: 1px 1px #18188F;
    }
    #doctorButton{
        visibility: hidden;
    }
    .button, #doctorButton{
        border-top: 1px solid #96D1F8;
        background: #65A9D7;
        background: -webkit-gradient(linear, left top, left bottom, from(#C2D1F0), to (#9797A6));
        background: -webkit-linear-gradient(top, #C2D1F0, #9797A6);
        background: -moz-linear-gradient(top, #C2D1F0, #9797A6);
        background: -ms-linear-gradient(top, #C2D1F0, #9797A6);
        background: -o-linear-gradient(top, #C2D1F0, #9797A6);
        padding: 9px 18px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
        -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
        box-shadow: rgba(0,0,0,1) 0 1px 0;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
        color: black;
        font-size: 12px;
        font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
        text-decoration: none;
        font-weight: bold;
    }
    .button:hover, #doctorButton:hover{
        border-top-color: #F7F3DA;
        background: #F7F3DA;
        color: black;
    }
    .button:active, #doctorButton:active{
        border-top-color: #5154D6;
        background: #5154D6;
    }
    #footer{
        position: absolute;
        bottom: 5px;
        padding-left: 23%;
        font-size: 8pt;
    }